@import "tailwindcss";


@theme {
    --color-primary: #165DFF;
    --color-secondary: #36CFC9;
    --color-success: #52C41A;
    --color-warning: #FAAD14;
    --color-danger: #FF4D4F;
    --color-info: #8C8C8C;

    --font-family-inter: "Inter", "system-ui", "sans-serif";
}

/* 3. 使用 @layer 添加你自定义的工具类 */
@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .transition-height {
        transition: max-height 0.3s ease-in-out;
    }
    .scrollbar-hide {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .scrollbar-hide::-webkit-scrollbar {
        display: none; /* Chrome, Safari and Opera */
    }
    .card-shadow {
        box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.06);
    }
    .table-hover-row:hover {
        background-color: rgba(22, 93, 255, 0.05);
    }
}


.hidden_class{
    @apply flex flex-1 overflow-hidden;
}
.sidebar {
    @apply w-64 bg-white shadow-sm p-4;
}

.section-title {
    @apply px-4 py-2 text-xs font-semibold text-gray-400 uppercase tracking-wider;
}

.nav-item {
    @apply px-2 py-2 rounded hover:bg-gray-100;
}

.nav-item.active {
    @apply bg-blue-50 text-blue-600;
}

.nav-item a {
    @apply block w-full;
}

.app-class {
    @apply flex flex-col min-h-screen;
}

.head{
    @apply bg-white shadow-sm sticky top-0 z-50;
}

header > div{
    @apply container mx-auto px-4 py-3 flex justify-between items-center;
}

